<template>
  <div>
    <h1>{{ msg }}</h1>
    <button @click="btn">点击翻转</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "Hello,World",
    };
  },
  methods: {
    btn() {
      // let arr = this.msg.split('')
      // arr.reverse()
      // this.msg = arr.join('')

      // 简化代码
      this.msg = this.msg.split('').reverse().join('')
    }
  }
};
</script>

<style>
</style>